import React from 'react'
import "./index.scss"
import { useHistory } from "react-router-dom"
import { Button, Icon } from 'react-vant';
function Profile() {
  let history = useHistory();
  return (
    <div className="Profile">
      <img id='img1' src="https://img1.baidu.com/it/u=1722569203,3277351286&fm=26&fmt=auto" alt="" />
      <div className="content">
        <div className="cons">
          <span>游客</span>
          <Button type='info' size='small' onClick={() => { history.push("/login") }}>去登录</Button>
        </div>
      </div>
      <div className="down">
        <div className="none">
          <div className="downcon">
            <div className="first">
              <div className="con">
                <Icon name='wap-home-o' />
                <span>我的出租</span>
              </div>
              <div className="con">
                <Icon name="aim" />
                <span>看房记录</span>
              </div>
              <div className="con">
                <Icon name="notes-o" />
                <span>成为房主</span>
              </div>
              <div className="con">
                <Icon name="friends-o" />
                <span>个人资料</span>
              </div>
              <div className="con">
                <Icon name="phone-o" />
                <a href="tel:110"><span>联系我们
                </span></a>
              </div>
            </div>
          </div>
          <img src="https://img0.baidu.com/it/u=2879016329,1695222800&fm=26&fmt=auto" alt="" />
        </div>
        <div className="top">
          <img src="https://img1.baidu.com/it/u=3277330985,2378438450&fm=26&fmt=auto" alt="" />
        </div>
      </div>
    </div>
  )
}



export default Profile